<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div{
            border: black solid 1px;
        }
        .title{
            background-color: #F7CCA2
        }
        div p{
            margin: 5px;
        }
    </style>
</head>
<body>
<div>
    <div class="title">源码分类</div>
    <div>
        <p><a href="#">ASP</a>(1)</p>
        <p><a href="#">PHP</a>(0)</p>
        <p><a href="#">JSP</a>(1)</p>
    </div>
    <div class="title">访客</div>
    <div>
        <p>暂无访客</p>
        <p><a href="#">登录</a>后您的头像会在这里</p>
    </div>
</div>
</body>
</html>